<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
    <link rel="shortcut icon " type="images/x-icon" href="img/book.png">
</head>
<body>
<%@ include file="header.jsp" %>
<div class="cart mt">
    <div class="site"><p class=" wrapper clearfix"><span class="fl">购物车</span>
    <a href="index" class="fr">继续购物&gt;</a></p></div>
    <div class="table wrapper">
        <div class="tr">
            <div>商品</div>
            <div>单价</div>
            <div>数量</div>
            <div>小计</div>
            <div>操作</div>
        </div>
        <c:forEach var="i" items="${cartlist}">
        <div class="th">
            <div class="pro clearfix"><label class="fl"><input type="checkbox"/><span></span></label><a class="fl"
                                                                                                        href="#">
                <dl class="clearfix">
                    <dt class="fl"><img src="images/book/${i.cart_book_image}" width="100" height="120"></dt>
                    <dd class="fl"><p>${i.cart_book_name}</p>
                        <p>分类:</p>
                        <p></p>
                    </dd>
                </dl>
            </a></div>
            <div class="price">￥${i.cart_book_price}</div>
            <div class="number"><p class="num clearfix">
            <img class="fl sub" src="img/temp/sub.jpg">
            <span cartid="${i.cart_id}" class="fl">${i.cart_book_amount}</span>
            <img class="fl add" src="img/temp/add.jpg"></p></div>
            <div class="price sAll">￥${i.cart_book_amount * i.cart_book_price}</div>
            <div class="price"><a class="del" cartid="${i.cart_id}" href="#2">删除</a></div>
        </div>
        </c:forEach>
        
        <div class="tr clearfix"><label class="fl"><input class="checkAll" type="checkbox"/><span></span></label>
            <p class="fl"><a href="#">全选</a><a href="#" class="del">删除</a></p>
            <p class="fr"><span>共<small id="sl">0</small>件商品</span><span>合计:&nbsp;<small id="all">￥0.00</small></span>
                <a href="img/zhifu.png" class="count">结算</a>
            </p>
        </div>
    </div>
</div>
<div class="mask"></div>
<div class="tipDel"><p>确定要删除该商品吗？</p>
    <p class="clearfix"><a class="fl cer" href="#">确定</a><a class="fr cancel" href="#">取消</a></p>
</div>

<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot1.png"/></a><span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot2.png"/></a><span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot3.png"/></a><span class="fl">满99包邮</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot4.png"/></a><span class="fl">特色服务</span>
            </div>
        </div>
    </div>
    <div class="link">
		<ul>
			<li>购物指南</li>
			<li>购物流程</li>
			<li>发票制度</li>
			<li>服务协议</li>
			<li>会员优惠</li>
		</ul>
		<ul>
			<li>支付方式</li>
			<li>货到付款</li>
			<li>网上支付</li>
			<li>礼品卡支付</li>
			<li>银行转账</li>
		</ul>
		<ul>
			<li>订单服务</li>
			<li>配送服务查询</li>
			<li>订单状态查询</li>
			<li>取消订单</li>
			<li>修改订单</li>
		</ul>
		<ul>
			<li>配送方式</li>
			<li>当日递</li>
			<li>次日达</li>
			<li>订单自提</li>
			<li>验货签收</li>
		</ul>
	</div>
    <p class="dibu">果果图书&copy;2020-2020公司版权所有 鲁ICP备000000-00备0000000000号<br/>
        违法和不良信息举报电话：400-800-8200
    </p>
</div>

<div class="pleaseC"><p>请选择宝贝</p><img class="off" src="img/temp/off.jpg"/></div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>